/* .topnavbar {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: #E0BA78;
	font-weight: bold;

	}
 */
.box-header
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	        :#F2CD7E;   /* 	This was background color underneath image: #E0BA78; */

	background-image		: url(background6c.jpg);      /* This is picture: url(background5.jpg */
	border				: 2;
	}
/* .box-footer
	{
	margin				: 0px;
	padding				: 6px;
	color				: #000000;
	background-color	: #ffffff;
	border				: none;
	}
 */

body
	{
	margin				: 0;
	padding				: 0px;
	font-family			: helvetica,arial,sans-serif;
	font-size			: 12px;
	background-color	: #ffffff;
	color				: #000000;
	}
div
	{
	margin				: 0px;
	padding				: 0px;
	}


td
	{
	font-family: Arial, sans-serif;
	}

td.road
	{
	border:1px solid #000000;
	}


h1
	{
	margin				: 0px;
	padding				: 0px;
	}

h2
	{
	margin				: 0px 0px 9px 0px;
	padding				: 0px 3px 0px 3px;
	color				: #ffffff;
	background-color	: #000000;
	font-size			: 1em;
	font-weight			: bold;
	}

h2.ligo
	{
	margin				: 0px 0px 9px 0px;
	padding				: 0px 3px 0px 3px;
	color				: #ffffff;
	background-color	: black;
	background-image		: url(ligo-12.jpg);
	font-size			: 1em;
	font-weight			: bold;
	}


p
	{
	margin				: 0px;
	}

/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/
a:link.navcont, a:visited.navcont {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: #F2CD7E;  /* This controls color of visible HELP note */
	font-weight: bold;
	font-size: 12px;
}

a:hover.navcont {
	color: #000000;  /* This controls color of hover on HELP note */
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	background: #E0C6A3;
}
/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/



p.head
{
	font-size			: 130%;
	font-weight			: bold;
}


.head-left
{
	font-size:	100%;
	font-weight:	bold;
	color: 		#F0B434;
	text-align:	left;

}

.head-right
{
	font-size:	100%;
	font-weight:	bold;
	color: 		#F0B434;
	text-align:	right;

}




/* _____THESE THREE CONTROL HEAD LINKS______________________*/
a:link.head {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: blue;
	font-weight: bold;
	background: none;
}

a:visited.head {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: blue;
	font-weight: bold;
	background: none;
}
a:hover.head {
	color: #000;
	text-decoration: underline;
	font-family: Arial, sans-serif;
	font-weight: bold;
	background: none;
	display: block;
}
/* _____THESE THREE CONTROL THE HEAD LINKS______________________*/



/* _____THESE THREE CONTROL LIGO LINKS______________________*/
a:link.ligo {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: yellow;
	font-weight: bold;
	background: none;
}

a:visited.ligo {
	text-decoration: none;
	font-family: Arial, sans-serif;
	color: yellow;
	font-weight: bold;
	background: none;
}
a:hover.ligo {
	color: #d3e2fc;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	background: none;
}
/* _____THESE THREE CONTROL THE HEAD LINKS______________________*/



li.navcont /* _____THIS SETS THE HORIZONTAL NAV LIST FOR THE TOP NAV LINKS______________________*/
{
margin-left: 0;
list-style-type: none;
display: inline;
text-decoration: none;
padding: .2em 1em;
}


p.foot /* _____THIS CENTERS THE FOOTER ______________________*/
{
text-align: center;
}


p.head
{
	font-size			: 130%;
	font-weight			: bold;
}





/* _____THIS HIDES THE COPYRIGHT LINK ______________________*/



a:link.copy, a:visited.copy{
	text-decoration: none;
	color: #000000;
	font-size: 100%;
}

a:hover.copy{
	color: #000000;
	text-decoration: none;
}
/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/





/* _____THIS HIDES THE LINK ______________________*/




#menu {
width: 100%;
/* background: #eee; */ /* COMENTING THIS ELIMINATES THE LIGHT BACKGROUND BOX HOLDING THE NAVBAR */
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 80px;
float: left;
}

#menu a, #menu h2 {
font: bold 12px/20px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
/* padding: 2px 3px; */
}

#menu a.new{
font: bold 13px/10px arial, helvetica, sans-serif;
color: #F2CD7E; /* This controls color of visible CAREERS Text */
display: block;
border-width: 1px;
border-style: none;
margin: 0;
padding: 0px 15px;  /* 1st PADDING Value controls alignment with other elements */
background: none;
}

#band {
 background-image: url(background5.jpg);  /* THIS PUTS PICTURE BEHIND NAVBAR CELLS */
}

#menu h2 {
color: #F2CD7E;      /* This changes the visble color of top navbar text  #F2CD7E; */
background: none;  /*  This changes background containing top navbar */
padding: 0px;
border-width: 0px;
border-style: none;
height: 20px;
}

/* THIS CONTROLS TEXT AND BACKGROUND OF ALL DROPDOWNS */
#menu a {
color: #000000; /* This controls visible text of all dropdowns*/
background: #E4BE8C;  /* This controls background color of all dropdowns*/
text-decoration: none;
}

#menu a:hover {
color: #3B7BE5; This controls text of all dropdowns upon hover
display:block;
background: #E4CAA6;
}
/* THIS CONTROLS TEXT AND BACKGROUND OF ALL DROPDOWNS */


/* THIS CONTROLS TEXT AND BACKGROUND OF BATTERY CHARGERS NAV LINK */
#menu a.power {
color: #80FF00; /* This controls visible text of BATTERY CHARGERS*/
background: none;  /* This controls background color of BATTERY CHARGERS*/
text-decoration: none;
}

#menu a.power:hover {
color: yellow; This controls text of BATTERY CHARGERS upon hover
display:block;
background: none;
}

/* THIS CONTROLS TEXT AND BACKGROUND OF BATTERY CHARGERS NAV LINK */


/* THIS CONTROLS TEXT AND BACKGROUND OF CAREERS NAV LINK */
#menu a.career{
color: #F2CD7E; /* This controls visible text of CAREERS */
background: none;  /* This controls background color of CAREERS*/
text-decoration: none;
}

#menu a.career:hover {
color: yellow; This controls text of BATTERY CHARGERS upon hover
display:block;
background: none;
}

/* THIS CONTROLS TEXT AND BACKGROUND OF CAREERS NAV LINK */


#menu li {
position: relative;

}

#menu ul ul {
position: absolute;
z-index: 500;
left: 0; 		/* INGO CHAO FIX FOR IE7 */
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div.topnav
{
background: #D2B48C;  /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 130px;
border: 1px solid #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}

div.topnav2
{
background: #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 190px;
border: 1px solid #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}

div.topnav3
{
background: #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 150px;
border: 1px solid #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}

div.topnav4
{
background: #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 170px;
border: 0px solid #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}


 div.hr {
  height: 1px;
  background: #ffffff;

}
div.hr hr {
  display: none;
}

#submenu a {
color: #000000; /* This controls visible text of all SUBMENU dropdowns*/
background: #F8C684;  /* This controls background color of all dropdowns*/
text-decoration: none;
}

#submenu a:hover {
color: #3B7BE5; This controls text of all SUBMENU dropdowns upon hover
display:block;
background: #E4CAA6;
}




.logo {
	display: block;
	width: 242px;
	height: 80px;
	background: url('kepco-logo-bk-hover.jpg') bottom;
	text-indent: -99999px;
}
.logo:hover {
	background-position: 0 0;
}


.twit {
	display: block;
	width: 24px;
	height: 24px;
	background: url('bird-new3.gif') bottom;
	text-indent: -99999px;
}
.twit:hover {
	background-position: 0 0;
}